<script lang="ts" setup>
import TypeDistribution from '../../options/type-distribution'
import { clientSummary } from '@/api/main'


let data = $ref([
  {
    itemStyle: {
      color: '#4374ff',
    },
    value: 335,
    name: 'Android',
  },
  {
    itemStyle: {
      color: '#2ce293',
    },
    value: 310,
    name: 'iPhone',
  },
  {
    itemStyle: {
      color: '#17caf0',
    },
    value: 234,
    name: 'PC',
  },
])
let option = $ref(TypeDistribution(data,'black'))

</script>

<template>
    <div style="min-height: 440px;">
        <a-card>
            <div h-90 w-120 flex="~ col" >
                <div p="x-8 t-4" text="#17caf0 5.5" font="bold">终端类型分布</div>
                <div w="full" h="full">
                <EchartsContainer :option="(option)" />
                </div>
            </div>
        </a-card>
    </div>
</template> 
